﻿
@{
    ViewBag.Title = "Detaylar";
    Layout = "~/Views/Shared/masterLayout.cshtml";
                                        //indexc21e den alindi
}

<div id="container">
    <p id="back-top"><a href="#top"><span></span></a></p>

    <div class="container">
        <div id="notification"></div>
        <div class="row">

            <div class="col-sm-9  " id="content">
                <div class="breadcrumb">
                    <a href="@Url.Action("Urunler")">Urunler</a>
                    &raquo; <a href="#">Ürün Detayları</a>
                </div>
                <div class="product-info">
                    <div class="row">

                        <div class="col-sm-4">
                            <h1 class="view">Lorem ipsum</h1>

                            <script type="text/javascript">
                                jQuery(document).ready(function () {
                                    var myPhotoSwipe = $("#gallery a").photoSwipe({ enableMouseWheel: false, enableKeyboard: false, captionAndToolbarAutoHideDelay: 0 });
                                });
                            </script>
                            @*resimler*@
                            <div id="full_gallery">
                                <ul id="gallery">
                                    @foreach (var item3 in ViewBag.productsphotos as IList<EPOS.Models.urunresimleri>)
                                    {
                                         <li><a href="@item3.resimyolubuyuk" data-something="@item3.altdegeri" data-another-thing="@item3.altdegeri">
                                         <img src="@item3.resimyolukucuk" title="@item3.altdegeri" alt="@item3.altdegeri" /></a></li>
                                    }
                                </ul>

                            </div>

                            <div id="default_gallery" class="left spacing">
                                 @{int a=0;}
                                 @foreach (var item in ViewBag.productsphotos as IList<EPOS.Models.urunresimleri>)
                                    {
                                        if (a==0)
                                        {
                                              a++;
                                            <text>  <div class="image">
                                    <img id="zoom_01" src="@item.resimyolukucuk" data-zoom-image="@item.resimyolubuyuk" title="Lorem ipsum" alt="Lorem ipsum" />
                                </div>
                                               <div class="image-additional">
                                               <ul id="image-additional">
                                                   <li>
                                            <a href="#" data-image="@item.resimyolukucuk" data-zoom-image="@item.resimyolubuyuk">
                                                <img id="img_01" src="@item.resimyolukucuk" />
                                            </a>
                                               </text>
                                           
                                        }
                                        else
                                        {
                                           <li>
                                            <a href="#" data-image="@item.resimyolukucuk" data-zoom-image="@item.resimyolubuyuk">
                                                <img id="img_01" src="@item.resimyolukucuk" />
                                            </a>
                                            </li>
                                              
                                          }
                                     }
                                 
                                    </ul>
                                    <div class="clear"></div>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-8">
                         @foreach (var item2 in ViewBag.productdetails as IList<EPOS.Models.urunler>)
                         {
                             
                         
                            <h1> @item2.urunadi
                            </h1>
                            <div class="description">
                                <div class="product-section">
                                    <span>Marka:</span> <a href="#">@item2.markaID</a><br />
                                    <span>Urun Kodu:</span> @item2.urunID<br />
                                    <span>Tedarikçi:</span> <a href="@Url.Action("tedarikci/"+item2.tedarikciID)">@item2.tedarikciID</a><br />
                                    <span>Stok Durumu:</span><div class="prod-stock">@{if (item2.stokmiktari>item2.kritikstokseviyesi)
                                                                                       {
                                                                                           ViewData["durum"] = "Stokta Bulunmakta";
                                                                                       }
                                                                                       else
	{

        ViewData["durum"] = "Stokta Yok";       
                                                           
                                                                                                                                                            
	}} @ViewData["durum"]</div>
                                </div>

                                <div class="price">
                                    <span class="text-price">Fiyati:</span>
                                    <span class="price">@item2.fiyati TL</span>
                                    @*<span class="price-tax">Ex Tax: $218.69</span>*@
                                </div>
                                <div class="cart">
                                    <div class="prod-row">
                                        <div class="cart-top">
                                            <div class="cart-top-padd form-inline">
                                                @*buraya from yerlestirecegiz*@
                                                <label>
                                                    Adet:					
                                                    <input class="q-mini" type="text" name="quantity" size="2" value="1" />
                                                    <input class="q-mini" type="hidden" name="product_id" size="2" value="34" />
                                                </label>

                                            </div>
                                            <div class="extra-button">
                                              @*  <div class="compare">
                                                    <a class="tooltip-1" onclick="addToCompare('34');" title="Add to Compare"><i class="fa fa-bar-chart-o"></i><span>Karsilastirmaya Ekle</span></a>
                                                </div>
                                                <div class="wishlist">
                                                    <a class="tooltip-1" onclick="addToWishList('34');" title="Add to Wish List"><i class="fa fa-star"></i><span>Dilek Listeme Ekle</span></a>
                                                </div>*@
                                                <a title="Sepete Ekle" id="button-cart" class="button-prod tooltip-1"><i class="fa fa-shopping-cart"></i><span>Sepete Ekle</span></a>
                                            </div>
                                            <div class="clear"></div>
                                        </div>
                                    </div>
                                </div>
                                <div class="clear"></div>
                                <div class="review">
                                    <div>
                                        <img src="catalog/view/theme/theme336/image/stars-0.png" alt="0 reviews" />&nbsp;&nbsp;
				<div class="btn-rew">
                    <a onclick="document.getElementById('tab-review').scrollIntoView();">0 Yorum</a>
                    <a onclick="document.getElementById('tab-review').scrollIntoView();"><i class="fa fa-pencil"></i> Bu Ürün Hakkında Yorumda Bulun</a>
                    <div class="clear"></div>
                </div>
                                    </div>
                                    <div class="clear"></div>
                                </div>
                                <div class="clear"></div>
                                <div class="share">
                                    <!-- AddThis Button BEGIN -->
                                    <span class='st_facebook_hcount' displaytext='Facebook'></span>
                                    <span class='st_twitter_hcount' displaytext='Tweet'></span>
                                    <span class='st_googleplus_hcount' displaytext='Google +'></span>
                                    <span class='st_pinterest_hcount' displaytext='Pinterest'></span>
                                    <script type="text/javascript" src="../../w.sharethis.com/button/buttons.js"></script>
                                    @*<script type="text/javascript">stLight.options({ publisher: "00fa5650-86c7-427f-b3c6-dfae37250d99", doNotHash: false, doNotCopy: false, hashAddressBar: false });</script>
                                *@    <!-- AddThis Button END -->
                                </div>
                            </div>
                             
                         }
                        </div>
                    </div>
                    <div class="tabs">
                        <div class="tab-heading">
                           Ürün Açıklamaları

                        </div>
                        <div class="tab-content">
                            <p><strong>Health</strong> is one of most important things in our life. We think that it is a real luck to have a strong health. Our way of life doesn’t increase the physiological condition of our body. Alcohol, cigarettes, unhealthy food, stresses and other factors have a great influence on our health. The human’s immune system is very uncertain thing because there is a countless quantity of different dangerous viruses and bacteria.</p>

                            <p>It is very noble activity to protect health and help people recover. Our main goal is to find the easiest way of <strong>treatment</strong>. Our company states that our goods are of premium quality. This product is totally safe for your health. It has passed many <strong>various tests</strong> without a single failure. It is really a product of a new generation.</p>

                            <p>Well, if you are ready to purchase our goods we will help you to make a right choice. If you have some questions, you can address our support system.</p>
                        </div>
                    </div>
                    <div class="tabs" id="tab-review">
                        <div class="tab-heading">
                            Yorumlar (0)	
                        </div>
                        <div class="tab-content">
                            <div id="review"></div>
                            <h2 id="review-title">Bu Ürün İle İlgili Yorumlarınızı Bekliyoruz</h2>
                            <label>İsminız:</label>
                            <input type="text" name="name" value="" />
                            <br />
                            <br />
                            <label>Yorumunuz:</label>
                            <textarea name="text" cols="40" rows="8" style="width: 93%;"></textarea>
                            <div class="clear"></div>
                            <span style="font-size: 11px;"><span style="color: #FF0000;">Note:</span> HTML Kodu Kullanılamaz!</span><br />
                            <br />
                            <label class="inline">Bu Ürünü Oylayın:</label>
                            <div class="form-inline border">
                                <span class="radio">Kötü</span>&nbsp;
				<input type="radio" name="rating" value="1" />
                                &nbsp;
				<input type="radio" name="rating" value="2" />
                                &nbsp;
				<input type="radio" name="rating" value="3" />
                                &nbsp;
				<input type="radio" name="rating" value="4" />
                                &nbsp;
				<input type="radio" name="rating" value="5" />
                                &nbsp; <span class="radio">İyi</span><br />
                            </div>

                            <label>lütfen Yandaki Kodu Giriniz:</label>
                            <input type="text" name="captcha" value="" />

                            <img src="" alt="" id="captcha" />
                            <br />
                            <div class="buttons">
                                <div><a id="button-review" class="button-cont-right">Continue<i class="fa fa-arrow-circle-right"></i></a></div>
                            </div>
                        </div>
                    </div>

                </div>
                <h1 class="style-1 mt0">Bu Ürüne Benzer Diğer Ürünler</h1>
                <div class="related">
                   @foreach (var item4 in ViewBag.relatedproduct as IList<EPOS.Models.urunler>)
                   {
                       <div class="box-product">
                        <ul class="related-slider">
                            <li class="related-info">
                                <div class="image">
                                    <a href="@Url.Action("Detaylar/"+item4.urunID)">
                                        <img id="img_41" src="@item4.fotoyolu" alt="Sit amet conse" /></a>

                                </div>
                                <div class="inner1">
                                    <div class="name"><a href="@Url.Action("Detaylar/"+item4.urunID)">@item4.urunadi</a></div>
                                    <div class="price">
                                        <span class="price-new">@item4.fiyati TL</span><span class="price-old"></span>
                                    </div>
                                    <div class="cart-button">

@*                                        <div class="compare"><a class="tooltip-2" title="Add to Compare" onclick="addToCompare('41');"><i class="fa fa-bar-chart-o"></i><span>Add to Compare</span></a></div>
                                        <div class="wishlist"><a class="tooltip-2" title="Add to Wish List" onclick="addToWishList('41');"><i class="fa fa-star"></i><span>Add to Wish List</span></a></div>
               *@                         <div class="cart">
                                            <a title="Sepete Gonder" onclick="addToCart('41');" class="button tooltip-2">
                                                <i class="fa fa-shopping-cart"></i>
                                                <span>Sepete Gönder</span>
                                            </a>
                                        </div>

                                        <span class="clear"></span>
                                    </div>
                                    <div class="rating">
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                   }
                    
                </div>
            </div>

            @*an kategorilerin basladıgı yer*@
        @Html.Partial("../Shared/sideCategoryPartial")
            <script type="text/javascript"><!--
    $(document).ready(function () {
        $('.colorbox').colorbox({
            overlayClose: true,
            opacity: 0.5,
            rel: "colorbox"
        });
    });
    //--></script>
            <script type="text/javascript"><!--

    $('select[name="profile_id"], input[name="quantity"]').change(function () {
        $.ajax({
            url: 'index.php?route=product/product/getRecurringDescription',
            type: 'post',
            data: $('input[name="product_id"], input[name="quantity"], select[name="profile_id"]'),
            dataType: 'json',
            beforeSend: function () {
                $('#profile-description').html('');
            },
            success: function (json) {
                $('.success, .warning, .attention, information, .error').remove();

                if (json['success']) {
                    $('#profile-description').html(json['success']);
                }
            }
        });
    });

    $('#button-cart').bind('click', function () {
        $.ajax({
            url: 'index.php?route=checkout/cart/add',
            type: 'post',
            data: $('.product-info input[type=\'text\'], .product-info input[type=\'hidden\'], .product-info input[type=\'radio\']:checked, .product-info input[type=\'checkbox\']:checked, .product-info select, .product-info textarea'),
            dataType: 'json',
            success: function (json) {
                $('.success, .warning, .attention, information, .error').remove();

                if (json['error']) {
                    if (json['error']['option']) {
                        for (i in json['error']['option']) {
                            $('#option-' + i).after('<span class="error">' + json['error']['option'][i] + '</span>');
                        }
                    }
                    if (json['error']['profile']) {
                        $('select[name="profile_id"]').after('<span class="error">' + json['error']['profile'] + '</span>');
                    }
                }

                if (json['success']) {
                    $('#notification').html('<div class="success" style="display: none;">' + json['success'] + '<span><i class="fa fa-times-circle"></i></span></div>');

                    $('.success').fadeIn('slow');

                    $('#cart-total').html(json['total']);
                    $('#cart-total2').html(json['total']);
                    $('#cart').load('index0652.html?route=module/cart#cart > *');
                    $('html, body').animate({ scrollTop: 0 }, 'slow');
                }
                setTimeout(function () { $('.success').fadeOut(1000) }, 3000)
            }
        });
    });
    //--></script>
            <script type="text/javascript"><!--
    $('#review .pagination a').live('click', function () {
        $('#review').fadeOut('slow');

        $('#review').load(this.href);

        $('#review').fadeIn('slow');

        return false;
    });

    $('#review').load('indexc62b.html?route=product/product/review&amp;product_id=34');

    $('#button-review').bind('click', function () {
        $.ajax({
            url: 'index.php?route=product/product/write&product_id=34',
            type: 'post',
            dataType: 'json',
            data: 'name=' + encodeURIComponent($('input[name=\'name\']').val()) + '&text=' + encodeURIComponent($('textarea[name=\'text\']').val()) + '&rating=' + encodeURIComponent($('input[name=\'rating\']:checked').val() ? $('input[name=\'rating\']:checked').val() : '') + '&captcha=' + encodeURIComponent($('input[name=\'captcha\']').val()),
            beforeSend: function () {
                $('.success, .warning').remove();
                $('#button-review').attr('disabled', true);
                $('#review-title').after('<div class="attention"><img src="catalog/view/theme/theme336/image/loading.gif" alt="" /> Please Wait!</div>');
            },
            complete: function () {
                $('#button-review').attr('disabled', false);
                $('.attention').remove();
            },
            success: function (data) {
                if (data['error']) {
                    $('#review-title').after('<div class="warning">' + data['error'] + '</div>');
                }

                if (data['success']) {
                    $('#review-title').after('<div class="success">' + data['success'] + '</div>');

                    $('input[name=\'name\']').val('');
                    $('textarea[name=\'text\']').val('');
                    $('input[name=\'rating\']:checked').attr('checked', '');
                    $('input[name=\'captcha\']').val('');
                }
            }
        });
    });
    //--></script>
            <script type="text/javascript"><!--
    $('#tabs a').tabs();
    //--></script>
            <script type="text/javascript" src="catalog/view/javascript/jquery/ui/jquery-ui-timepicker-addon.js"></script>
            <script type="text/javascript"><!--
    $(document).ready(function () {
        if ($.browser.msie && $.browser.version == 6) {
            $('.date, .datetime, .time').bgIframe();
        }

        $('.date').datepicker({ dateFormat: 'yy-mm-dd' });
        $('.datetime').datetimepicker({
            dateFormat: 'yy-mm-dd',
            timeFormat: 'h:m'
        });
        $('.time').timepicker({ timeFormat: 'h:m' });
    });
    //--></script>
            <div class="clear"></div>
        </div>
    </div>
</div>
